body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4,p
{margin:0;padding:0;font-style:normal;font: "\5B8B\4F53","Microsoft Yahei",Arial, Helvetica,sans-serif;
font-family: "Microsoft Yahei";}  
ol, ul ,li{list-style: none;} 
img {border: 0; } 
html,body{height:100%;}
input{-webkit-appearance: none; -moz-appearance: none;-o-appearance: none; appearance: none;appearance: none; }
body{background:#f7f8f8;color:#333; } 
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;} 
a{color:#000000;text-decoration:none; }
.float-l{float:left}
.float-r{float:right}
/*toubu*/
.tb-logo{
	width:100%;
	padding: 10px 3%;
	float:left
}
.tb-logo .pic{
	width:20%;
}
.tb-logo .pic img{
	width:100%;
}
.tb-logo .sign{
	font-size: 16px;
	padding: 1% 0;
	color: #666;
}
.tb-srch{
	width:77%;
	float: left;
	margin-left:3%;
	border:1px solid #d4d4d4;
	padding: 2px 0;
	background: #ffffff;
}
.tb-srch .shuru{
	width:85%;
	display: inline-block;
} 
.tb-srch .shuru input{
	width:100%;
	outline: none;	
	font-size: 14px;
	text-indent: 2%;
	padding: 2px 0;
	border: 0;
}
.tb-srch .btn{
	width:10%;
	font-size: 14px;
}
.list-tb{
	width:94%;
	margin:10px 3%;
	float:left;
}
.list-tb li{
	width:25%;
	border:1px solid #d4d4d4;
	float: left;
	color: #666;
	font-size: 16px;
	background: #ffffff;
	text-align: center;
	padding: 5px 0;
	border-right: none;
}
.list-tb .li-choose{
	background: #ed7500;
	color: #ffffff;	
}
.list-tb li:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.list-tb li:last-child{
	border-right:1px solid #d4d4d4;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
/*banner*/
.banner{
	width:100%;
	margin-top: 1%;
	float: left;
	overflow: hidden;
	padding-bottom: 5%;
}
.banner img{
	width:100%;
}
.banner .fenye{
	bottom:-9% !important;
}
.banner .no-hide{
	overflow: visible;
}
.banner p{
	color: #ffffff;
	position: absolute;
	width:100%;
	bottom:0;
	background: rgba(0,0,0,.5);
}
.banner .p-title{
	font-size: 16px;
	display: inline-block;
	width:96%;
	padding: 0 2%;
	color: #ed7500;
}
.banner .p-word{
	font-size: 12px;
	display: inline-block;
	width:100%;
	padding: 0 2%;
	margin-bottom: 1%;
}
/*ex*/
.bd{
	width:100%;
	padding:0 3%;
	float: left;	
}
.bd .t-title{
	width:100%;
	float: left;
	margin-top: 3%;
}
.bd .t-title span{
	color: #ffffff;
	background: #ed7500;
	border-radius: 3px;
	padding: 3px 5px;
	display: inline-block;
}
.bd .t-title a{
	display: inline-block;
	color: #ed7500;
	float: right;
	padding: 3px 2px;
}
.bd .t-title a:link{
	text-decoration: none;
}
.bd .list-ul{
	width:100%;
	float: left;
}
.bd .list-ul li{
	width:48%;
	float: left;
	margin: 2% 0;
	background: #ffffff;
}
.bd .list-ul li:nth-child(even){
	margin-left: 4%;
}
.bd .list-ul li img{
	width:100%;
}
.bd .list-ul li span{
	display:block;
	width:100%;
	padding: 0 2%;
	color: #666;
	overflow: hidden;
}
.bd .list-ul li span:nth-child(2){
	font-size: 13px;
	height:20px;
}
.bd .list-ul li span:last-child{
	font-size: 12px;
	color: #999;
	padding-bottom: 3px;
	height:20px;
	line-height: 21px;
}
.bd .film-ul{
	width:100%;
	float: left;
}
.bd .film-ul li{
	width:22%;
	float: left;
	margin-top:2%;
	margin-bottom: 2%;
	margin-right: 4%;
	background: #ffffff;
}
.bd .film-ul li:last-child{
	margin-right: 0;
}
.bd .film-ul li img{
	width:100%;
}
.bd .film-ul li span{
	display:block;
	width:100%;
	padding: 0 2%;
	color: #666;
	overflow: hidden;
}
.bd .film-ul li span:nth-child(2){
	font-size: 13px;
	height:20px;
}
.bd .film-ul li span:last-child{
	font-size: 12px;
	color: #999;
	height:20px;
	line-height: 21px;
	padding-bottom: 3px;
}
.bd .fl{
	width:100%;
	background: #ffffff;
	border-radius: 2px;
	padding: 5px 10px;
	float: left;
	margin-bottom: 3%;
}
.bd .fl li{
	width:24.8%;
	float: left;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	text-align: center;
	padding: 5px 0;
}
.bd .fl li a{
	color: #666;
}
.bd .fl li a:link{
	text-decoration: none;
}
.bd .fl li:nth-child(4){
	border-right:0;
}
.bd .fl li:nth-child(8){
	border-right:0;
}
.bd .fl li:nth-child(n+5){
	border-bottom:0;
}
/*footer*/
.footer{
	width:100%;
	background: #fcfcfc;
	height:65px;
	border-top:1px solid #d4d4d4;
	float: left;
	margin-top: 10px;
}
.footer-bd{
	margin: 0 auto;
	width:275px;
}
.footer-bd ul{
	float: left;
	margin-top: 10px;
}
.footer-bd ul li{
	float: left;
	font-size: 14px;
}
.footer-bd ul li a{
	color: #999;
	text-decoration: none;
	padding: 0 10px;
}
.footer-bd ul li a:hover{
	color: #DE5D4D;
}
.footer-bd .bq{
	text-align: center;
	width:100%;
	margin-top: 6px;
	float: left;
	font-size: 12px;
}

/*����*/
.js{
	width:100%;
	float: left;
	padding: 9px 3%;
	background: #ed7500;
	color: #ffffff;
	position: relative;
	margin-bottom: 10px;
}
.js span{
	display: inline-block;
}
.js .btn{
	padding: 1px 5px;
	background: #ffffff;
	border-radius: 3px;
	color: #ed7500;
	margin-right: 3%;
}
.js .content{
	width:100%;
	position: absolute;
	top:42px;
	left: 0;
	background: #ffffff;
	padding: 3% 10px;
	display: none;
}
.js .content .bd{
	width:100%;
	background: #fcfcfc;
	color: #666;
	font-size: 12px;
	margin-bottom: 10px;
}
.js .content .bd .mc{
	float: left;
	line-height: 27px;
}
@media(min-width: 320px) {
	.js .content .bd .mc{
	width:15%;
   }
   .js .content .bd .js-list{
	width:85%;
}
}
@media(min-width: 375px) {
	.js .content .bd .mc{
	width:12%;
   }
   .js .content .bd .js-list{
	width:88%;
}
}
.js .content .bd .js-list{
	float: left;
}
.active-tab div{
	color: #333;
	padding: 5px 6px;
	border-radius: 3px;
	width:37px !important;
	margin: 0px 3px;
}
.active-tab .chose{
	color: #fff;
	background: #ed7500;
	border-radius: 3px;
	padding: 5px 6px;
	width:37px !important;
	margin: 0px 3px;
	
}
.active-tab .four-word{
	width:72px !important;
}
.js .content .btnx{
	width:100%;
	float: left;
	margin-top: 10px;
}
.js .content .btnx span{
	width:43%;
	margin: 0 3%;
	display: inline-block;
	padding: 5px 0;
	text-align: center;
	border-radius: 4px;
}
.js .content .btnx .cz{
	background: #00CCFF;
}
.js .content .btnx .qd{
	background: #ed7500;
}
.width-half li{
	width: 48% !important;    
}
.width-half li:nth-child(odd){
	margin-right:0% !important;
}
.width-half li:nth-child(even){
	margin-left:4% !important;
	margin-right:0% !important;
}
.jz-data{
	width:100%;
	float: left;
	margin: 2% 0;
	text-align: center;
	color: #666;
}

/*video*/
.vd{
	width:100%;
	font-size: 15px;
	float: left;
}
.vd p{
	width:100%;
	padding: 2% 3% ;
}
.vd .bfq{
	width:100%;
	float: left;
	background: #ffffff;
}
.vd .bfq video{
	width:100%;
}
.vd .bfq .gn{
	width: 100%;
	float: left;
	line-height: 38px;
	position: relative;
	padding: 0 2%;
}
.vd .bfq .gn a{
	color: #DE5D4D;
	margin-left: 10px;
	text-decoration: none;
}
.vd .bfq .gn .fengx{
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
    margin-left: 1px;
}
@media only screen and (min-width:320px ) {
	.padding-x{
		padding-left: 60px;
	}
	.vd .bfq .gn a{
	font-size: 20px;
}
}
@media only screen and (min-width:375px ) {
	.padding-x{
		padding-left: 100px;
	}
	.vd .bfq .gn a{
	font-size: 24px;
}
}
@media only screen and (min-width:414px ) {
	.padding-x{
		padding-left: 130px;
	}
	.vd .bfq .gn a{
	font-size: 24px;
}
}
.list-vd li{
	width:33% !important;
	color: #999;
	font-size: 14px !important;
}
.list-vd .li-ch{
	background: #d4d4d4 !important;
	color: #ffffff;
}
.detail-list{
	width:100%;
	float: left;
	margin-top: 2%;
	color: #999;
	padding: 3% 0;
}
.ds-none{
	display: none;
}
.xj-list{
	width:100%;
	float:left;
}
.xj-list li{
	width:18%;
	float:left;
	text-align: center;
	background: #ffffff;
	padding: 8px 0;
	border:1px solid #d4d4d4;
	margin-right: 2.4%;
	margin-bottom: 8px;
}
.xj-list .li-this{
	border-color:#ed7500;
	color: #ed7500;
}
.xj-list li:nth-child(5n){
	margin-right: 0%;
}
.xq-h{
	line-height: 25px;
	margin-bottom: 20px;
}
.pl-top{
	width:100%;
	float:left;
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pl-self-tx{
	width:10%;
	float: left;
	margin-top: 1px;
}
.pl-self-tx img{
	width:100%;
	border-radius:50%;
}
.pl-self-bd{
	width:82%;
	margin-left: 5%;
	float: left;
	background: #f1f1f1;
	padding: 2.2% 0;
        color:#d4d4d4;
        text-indent:4%
}
.pl-self-bd input{
	width:100%;
	outline: none;
	border: none;
	font-size: 14px;
	text-indent: 10px;
	background: transparent;
}
.pl-con{
	width:83%;
	margin-left: 5%;
	float: left;
}
.pl-con .mc{
	color: #999;
	font-size: 12px;
	width:100%;
	margin-bottom: 10px;
	width:100%;
}
.pl-con .com{
	width:100%;
	font-size: 14px;
	margin-bottom: 10px;
}
.pl-con .gn{
	width:100%;
	margin-bottom: 10px;
	font-size: 1.1rem;
	color: #999;
}
.pl-con .gn .mun{
	font-size: 1.2rem;
	padding-right: 10px;
}
.pl-con .gn .dz{
	font-size: 16px;
	padding-right: 20px;
}
.pl-con .gn .pp{
	font-size: 16px;
	padding-right: 5px;
}
.hf{
	width:100%;
	background: #f1f1f1;
	float: left;
	padding: 3% 3%;
}
.hf-more{
	width:100%;
	padding: 2% 0;
	text-align: center;
	color: #ed7500;
}


.dl{
width:100%;
position: fixed;
background: rgba(0,0,0,0.5);
z-index: 100;
display: none;
}
.dl-bd{
width:92%;
margin-top: 6%;
margin-left: 4%;
margin-right: 4%;
background: #ffffff;
padding: 3% 3%;
border-radius: 10px;
}
.dl-bd .tone{
width:100%;
position: relative;
text-align: center;
font-size: 18px;
padding: 10px 0;
}
.dl-bd .tone .qx{
position: absolute;
color: #999;
font-size: 15px;
left:0;
top:11px;
}
.dl-bd .ttwo{
width:100%;
}
.dl-bd .ttwo input{
width:100%;
outline: none;
border:1px solid #d4d4d4;
padding: 5px 5px;
margin: 5px 0;
-webkit-appearance: none; 
-moz-appearance: none; 
-o-appearance: none; appearance: none;
appearance: none; 
font-size: 16px;
}
.dl-bd .tthree{
width:100%;
background: #ed7500;
padding: 7px 0;
text-align: center;
color: #ffffff;
margin: 10px 0;
border-radius: 5px;
font-size: 16px;
display: block;
}
.dl-bd .tthree:link{
text-decoration: none;
}
.dl-bd .tthree:visited{
text-decoration: none;
}
.dl-bd .tfour{
width:100%;				
margin-top: 15px;
margin-bottom:5px;
font-size: 15px;
}
.dl-bd .tfour a{
display: inline-block;
color: #ed7500;
width:49%;
text-align: center;
}
.dl-bd .tfour a:link{
text-decoration: none;
}
.dl-bd .tfour a:visited{
text-decoration: none;
}
.ssx{
	width:100%;
	padding: 0 5%;
	height:100%;
	position:absolute;
	background: rgba(0,0,0,.5);
	top:0;
	display: none;
}
.tc-input{
	background: #ffffff;
	border-top:1px solid #d4d4d4;
	width:100%;
	padding: 0% 4%;
	border-radius: 10px;
	margin-top: 5%;
}
.tc-input textarea{
	outline: none;
	border: 1px solid #d4d4d4;
	width:100%;
	border-radius: 3px;
	background: #f1f1f1;
	font-size: 13px;
	padding: 5px 3%;
	margin-right: 3%;
	resize:none;
	height:80px;
}
.tc-input .titlex{
	color: #ed7500;
	padding: 10px 10px;
	width:100%;
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 18px;
}
.tc-input .fabiao{	
	width:100%;	
	display: inline-block;
	text-align: center;
}
.tc-input .fabiao a{
	padding: 10px 30px;
	color: #ffffff;
	background: #ed7500;
	border-radius: 5px;
	margin: 10px 0;
	display: inline-block;
}
.tc-input .close{
	position: absolute;
	font-size: 26px;
	color: #000000;
	right: 0;
	top:5px;
}

/*#share {
	width: 21px;
	height: 21px;
	padding: 0px;
	margin: 12px;
}*/
#share a.bds_tsina{
	background:  url(../img/weibo.png) no-repeat;
	background-size:21px 21px;
	width: 21px;
	height: 21px;
	padding: 0px;
	margin: 12px;
}
#share a.bds_qzone{
	background:  url(../img/qq.png) no-repeat;
	background-size:21px 21px;
	width: 21px;
	height: 21px;
	padding: 0px;
	margin: 12px;
}#share a.bds_weixin{
	background:  url(../img/weixin.png) no-repeat;
	background-size:21px 21px;
	width: 21px;
	height: 21px;
	padding: 0px;
	margin: 12px;
}
	
